@charset "utf-8";

/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {font-size:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }/*文字大小根据设备(浏览器)自动调整*/
a{font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%; color: #333; -webkit-tap-highlight-color:transparent;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  
body{background:#fff; text-align:center; margin:0; color:#333; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
body,h1,h2,h3,h4,h5,h6,inputp,select,span,a,b,dl,dd,ol,ul,table,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {margin: 0;	padding: 0;font-family:Verdana,Arial,'Times New Roman','Microsoft YaHei',SimHei;}
body,td,input,select,textarea{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table{border-collapse: collapse;border-spacing: 0;empty-cells: show;font-size: inherit; width:100%}
img, object, embed, video {max-width:100%;border:0;}
ol,ul {list-style: none}
li,img,label,input ,select{vertical-align: middle}
input,textarea{-webkit-appearance:none; /*去除input默认样式*/ border-radius: 0 }
p{ margin:0; padding:0;}
hr{ border-top:#ccc 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; padding:0; margin:1rem auto; clear:both;}
.ovfHiden{overflow: hidden;height: 100%;}

*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}
/*公共*/
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block; min-height:1%;}
* html .fixed{height:1%;}
.floatl{ float:left;}
.floatr{ float:right;}
.warp{ padding-top: 3.6rem; padding-bottom: 1rem; margin: auto; min-height: 36rem; overflow: hidden;}

.wrapper{position: relative; overflow:hidden;}
.head{padding: 8px 0; width: 100%; line-height: 34px; border-top: 2px solid #22252a;}
.head.headfixed{ position: fixed; padding: 0; z-index: 99; background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.topicon{ float: left; width: 23%;}
.topicon a.nav-icon{ display: inline-block; margin-left: 5px; }
.topicon a p{ display:inline-block; vertical-align: top; margin-top:3px; }
.topicon a #span1,.topicon a #span2,.topicon a #span3{width: 20px;height: 2px;background-color: #000;display: block;margin: 5px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.topicon a.Language{ display: inline-block; margin-left: 5px; color: #777; font-size: 12px; }
.topnav{ float:right; width: 77%; background: #f4f4f4; }
.topnav li{ width: 25%; float: left;}
.topnav li a{ font-size: 12px;}
.logo{ padding-top: 10px; padding-bottom: 15px;}
.logo img{ width: 40%;}
.footer{ padding: 24px 0; background: url(../images/foot-bg.jpg) center bottom #282b30 no-repeat; background-size: 100%; color: #fff; font-size: 14px; line-height: 18px; }
.footer a{ color: #fff; font-size: 25px;}
.copyright{ padding: 5px 0; background: #000; color: #fff; font-size: 11px; line-height: 18px;}
.copyright a{ color: #fff; font-size: 11px;}